﻿@{
    ViewBag.Title = "ArtWork";
    Layout = "~/Views/Shared/_SecondLayout.cshtml";
}


@section Header
{
    <script type="text/javascript">
        $(function () {
            $('.box').bind('mouseover', function () {
                var oPosition = $(this).position();
                var oThis = $(this);
                $('.boxBor').queue('fnHide');
                if ($(".boxBor").attr('deta-switch') !== 'true') {
                    $(".boxBor").attr('deta-switch', 'true');
                    $(".boxBor").css({
                        width: '100%',
                        height: $(window).height(),
                        left: '0px',
                        top: '0px',
                        opacity: 0,
                        display: 'block'
                    })
                }
                $(".boxBor").stop(false, false).animate({
                    opacity: 0.8,
                    left: oPosition.left + 10,
                    top: oPosition.top + 10,
                    width: oThis.width(),
                    height: oThis.height()
                }, 250)
            });
        })
    </script>

    <style type="text/css">
        .demo {
            width: 490px;
            margin: 30px auto;
        }

        .box {
            float: left;
            width: 200px;
            height: 250px;
            border: 1px solid white;
            background: #EEE;
            margin: 10px;
            position: relative;
            display: inline;
        }

            .box a {
                display: block;
                width: 200px;
                height: 200px;
                overflow: hidden;
                position: absolute;
                left: 0;
                /*top: 0;*/
                z-index: 9;
            }

            .box .img {
                height: 200px;
                overflow: hidden;
                position: relative;
            }

            .box .title {
                border-top: 1px solid #dcdcdc;
                padding: 7px 14px;
            }

        .boxBor {
            position: absolute;
            left: 0;
            top: 0;
            display: none;
            border: 1px solid white;
            z-index: 4;
            background: #fff;
            background: -moz-linear-gradient(top,rgba(255,255,255,0.25),rgba(255,255,255,0.77));
            background: -webkit-linear-gradient(top,rgba(255,255,255,0.25),rgba(255,255,255,0.77));
            background: -o-linear-gradient(top,rgba(255,255,255,0.25),rgba(255,255,255,0.77));
            background: -ms-linear-gradient(top,rgba(255,255,255,0.25),rgba(255,255,255,0.77));
        }
    </style>
}
<div id="mainbody">
    <div id="mainpic"></div>
    <div id="main_back">
        <div id="left">
            <img src="/img/weixin.gif" />
        </div>
        <div id="main_l">
            <div id="main_m">
                <div id="main">

                    <div id="main-right">
                        <ul>
                            <li>
                                <div class="p_left_title">
                                    <img src="/img/pro_img.gif" />
                                    <div class="p_left_title_word">艺术品</div>
                                    @*<div class="p_left_title_more">&gt;&gt;更多</div>*@
                                </div>
                            </li>
                            <li>
                                <div id="pagelefttop">
                                    <ul class="pageleft_ul">
                                        @{
                                            IList<ArtWorkInfo> topArtWork = ViewBag.NewArtWork;
                                            foreach (ArtWorkInfo item in topArtWork)
                                            { 
                                            <li><a href="/ArtWork/ViewArtWork?id=@item.ID">@item.ArtWorkName</a></li> 
                                            }
                                        }
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <div class="p_left_title">
                                    <img src="/img/pro_img.gif" />
                                    <div class="p_left_title_word">艺术家</div>
                                    @*<div class="p_left_title_more">&gt;&gt;更多</div>*@
                                </div>
                            </li>
                            <li>
                                <div id="pagelefttop1">
                                    <ul class="pageleft_ul">
                                        @{
                                            IList<ArtistInfo> artists = ViewBag.Artist;
                                            foreach (ArtistInfo item in artists)
                                            { 
                                            <li><a href="/ArtWork/ArtWork?artist=@item.ArtistID">@item.ArtistName</a></li> 
                                            }
                                        }
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <div class="cu_1"></div>
                                <div class="cu_2">
                                    <p>电话：025-84716007 </p>
                                    <p>025-84718399 </p>
                                    <p>传真：025-84702477</p>
                                    <p>Email:jinding2002@163.com</p>
                                </div>
                                <div class="cu_3"></div>

                            </li>
                        </ul>
                    </div>
                    <div id="mainright">
                        <div id="bannerimg">
                            <img src="/img/艺术品展示.jpg" />
                        </div>
                        <div id="position" style="text-align: right; padding: 5px 0;">您当前的位置：<a href="/home/Index/">首页</a>&gt;&gt;<a href="/ArtWork/ArtWork/">专家顾问</a></div>
                        <div class="mainright_top">
                            <img src="/img/list.gif" />
                            <div class="mainright_top_word">艺术品<span>ArtWork</span></div>
                        </div>
                        <div id="mainright_body">
                            <div class="boxBor"></div>
                            <div class="demo">
                                @{
                                    IList<AttachmentInfo> attach = ViewBag.ArtWorkPic;
                                    foreach (AttachmentInfo item in attach)
                                    {
                                    <div class="box">
                                        <div class="img">
                                            <a href="/ArtWork/ViewArtWork?id=@item.NewsID"></a>
                                            <img style="width:200px;height:200px;" src="/UploadFile/@item.SaveName" alt="" />@*width="200" height="250"*@
                                        </div>
                                        <div class="title"><a href="/ArtWork/ViewArtWork?id=@item.NewsID">@item.FileName</a></div>
                                    </div>

                                    }
                                }
                                <div style="clear: both;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="right">
            <img src='/img/ritght.gif' />
        </div>
    </div>
    <div id="footer_m">
        <div id="footer">
            <p><span>地址：南京市山西路67号世界贸易中心大厦A1幢1101室</span><span>邮编：210009 </span><span>电话：025-84716007 025-84718399</span><span> 传真：025-84702477</span></p>
            <p><span>网址：http://www.jsjdgg.com</span><span>Email:jinding2002@163.com</span></p>
            <div>
                苏ICP备09047781 江苏金鼎广告传播有限公司 版权所有 2009-2012
            </div>
        </div>
    </div>

</div>

